<div class="navbar">
    <div class="navbar-inner">
        <a class="brand" href="javascript:void(0);">添加商品表单</a>
    </div>
    <p></p>
    <div class="well">
        <ul id="myTab" class="nav nav-pills span12">
            <li class="active"><a href="#info" data-toggle="tab">基本信息</a></li>
            <li><a href="#detail" data-toggle="tab">详细介绍</a></li>
            <li><a href="#image" data-toggle="tab">商品图片</a></li>
            <li><a href="#seo" data-toggle="tab">搜索引擎优化</a></li>
            <li><a href="#contact" data-toggle="tab">相关商品</a></li>
            <li><a href="#trd" data-toggle="tab">第三方平台</a></li>
        </ul>
        <p>&nbsp;</p>
        <form class="form-horizontal tab-content" id="myTabContent" style="overflow: hidden;" action="#" method="post">
            <div class="tab-pane fade in active" id="info">
                <div class="control-group">
                    <label class="control-label" for="goodsCate">商品分类</label>
                    <div class="controls">
                        <select id="goodsCate" name="goodsCate">
                            <option>商品分类A</option>
                            <option>商品分类B</option>
                            <option>商品分类C</option>
                            <option>商品分类D</option>
                        </select>
                        <span class="help-inline">帮助说明文字</span>
                    </div>
                </div>

                <div class="control-group">
                    <label class="control-label" for="goodsType">商品类型</label>
                    <div class="controls">
                        <select id="goodsType" name="goodsType">
                            <option>商品类型A</option>
                            <option>商品类型B</option>
                            <option>商品类型C</option>
                            <option>商品类型D</option>
                        </select>
                        <span class="help-inline">帮助说明文字</span>
                    </div>
                </div>

                <div class="control-group">
                    <label class="control-label" for="goodsTitle">商品名称</label>
                    <div class="controls">
                        <input type="text" name="goodsTitle" id="goodsTitle" placeholder="请输入商品名称" />
                        <span class="help-inline">帮助说明文字</span>
                    </div>
                </div>

                <div class="control-group">
                    <label class="control-label" for="goodsBrand">商品品牌</label>
                    <div class="controls">
                        <select id="goodsBrand" name="goodsBrand">
                            <option>商品品牌A</option>
                            <option>商品品牌B</option>
                            <option>商品品牌C</option>
                            <option>商品品牌D</option>
                        </select>
                        <span class="help-inline">帮助说明文字</span>
                    </div>
                </div>


                <div class="control-group">
                    <label class="control-label" for="goodsPer">计量单位</label>
                    <div class="controls">
                        <input type="text" class="span1" name="goodsPer" id="goodsPer" placeholder="请输入商品计量单位" />
                        <span class="help-inline">帮助说明文字</span>
                    </div>
                </div>

                <div class="control-group">
                    <label class="control-label" for="goodsIntro">商品简介</label>
                    <div class="controls">
                        <textarea name="goodsIntro" id="goodsIntro" class="span4"></textarea>
                        <span class="help-block">帮助说明文字</span>
                    </div>
                </div>

                <div class="control-group">
                    <label class="control-label">是否上架销售</label>
                    <div class="controls">
                        <label class="radio inline">
                            <input type="radio" name="goodsOnline" id="inlineCheckbox1" value="1"> 是
                        </label>
                        <label class="radio inline">
                            <input type="radio" name="goodsOnline" id="inlineCheckbox2" value="0"> 否
                        </label>
                    </div>
                </div>

                <div class="control-group">
                    <label class="control-label" for="goodsPrice">单价</label>
                    <div class="controls">
                        <div class="input-prepend">
                            <span class="add-on">￥</span>
                            <input class="span8" id="goodsPrice" name="goodsPrice" type="text" placeholder="0.00">
                        </div>
                        <span class="help-inline">帮助说明文字</span>
                    </div>
                </div>
            </div>

            <div class="tab-pane fade in" id="detail">
                <link href="http://www.kindsoft.net/prettify/prettify.css?t=20110528.css" rel="stylesheet" />
                <script src="http://www.kindsoft.net/ke4/kindeditor-all-min.js?t=20130421.js"></script>
                <script>
                    KindEditor.ready(function(K) {
                        K.create('#ke_demo', {
                            allowFileManager : true
                        });
                    });
                </script>
                <textarea id="ke_demo" name="content" rows="20" cols="100" style="visibility:hidden; width: 99%; height: 350px;">
                    TODO:此处嵌入可视化编辑器。<h1>这里是在线的！！！</h1>
                </textarea>
            </div>

            <div class="tab-pane fade in" id="image">

                <div class="control-group">
                    <label class="control-label" for="goodsImages">添加商品图片</label>
                    <div class="controls">
                        <div class="input-append">
                            <input class="span7" id="goodsImages" name="goodsImages" type="text">
                            <button class="btn btn-primary" type="button">选择图片 <i class="icon-upload icon-white"></i></button>
                        </div>
                    </div>
                </div>

                <ul class="thumbnails">
                    <li class="span3">
                        <button class="close">&times;</button>
                        <a href="#" class="thumbnail">
                            <img data-src="holder.js/300x300" alt="" src="http://imgstatic.baidu.com/img/image/shouye/yangmi0723.jpg">
                        </a>
                    </li>
                    <li class="span3">
                        <button class="close">&times;</button>
                        <a href="#" class="thumbnail">
                            <img data-src="holder.js/300x300" alt="" src="http://imgstatic.baidu.com/img/image/shouye/liuyan0723.jpg">
                        </a>
                    </li>
                    <li class="span3">
                        <button class="close">&times;</button>
                        <a href="#" class="thumbnail">
                            <img data-src="holder.js/300x300" alt="" src="http://imgstatic.baidu.com/img/image/shouye/lingzhiling0723.jpg">
                        </a>
                    </li>
                    <li class="span3">
                        <button class="close">&times;</button>
                        <a href="#" class="thumbnail">
                            <img data-src="holder.js/300x300" alt="" src="http://imgstatic.baidu.com/img/image/shouye/tangwei0723.jpg">
                        </a>
                    </li>
                </ul>
            </div>

            <div class="tab-pane fade in" id="seo">
                <div class="control-group">
                    <label class="control-label" for="goodsKeywords">商品关键词</label>
                    <div class="controls">
                        <textarea name="goodsKeywords" id="goodsKeywords" class="span4"></textarea>
                    </div>
                </div>

                <div class="control-group">
                    <label class="control-label" for="goodsPageTitle">页面标题</label>
                    <div class="controls">
                        <input type="text" name="goodsPageTitle" id="goodsPageTitle" class="span4" />
                    </div>
                </div>

                <div class="control-group">
                    <label class="control-label" for="goodsPageKeywords">页面关键词</label>
                    <div class="controls">
                        <textarea name="goodsPageKeywords" id="goodsPageKeywords" class="span4"></textarea>
                    </div>
                </div>

                <div class="control-group">
                    <label class="control-label" for="goodsPageDesc">页面描述</label>
                    <div class="controls">
                        <textarea name="goodsPageDesc" id="goodsPageDesc" class="span4"></textarea>
                    </div>
                </div>
            </div>

            <div class="tab-pane fade in" id="contact">
                <p>
                    TODO:选择相关商品
                </p>
            </div>

            <div class="tab-pane fade in" id="trd">
                <p>
                    TODO:第三方平台商品状态
                </p>
            </div>

            <input type="button" value="提 交" class="btn btn-success" />
            <input type="button" value="取 消" class="btn btn-info" />
        </form>
        <div class="clearfix"></div>
    </div>
</div>